<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>

  <!-- 1. 彩色图标一般由svg实现 -->
  <!-- 2. svg的优点：放大不失真， 可以直接当做html的标签使用 -->

  <style>
    [p-id="2503"] {
      fill: blueviolet;
    }

    [p-id="2505"] {
      fill: red;
    }
  </style>
</head>

<body>
  <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg
    t="1640266851799" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2500"
    xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200">
    <defs>
      <style type="text/css"></style>
    </defs>
    <path d="M512.28 512.22m-448.47 0a448.47 448.47 0 1 0 896.94 0 448.47 448.47 0 1 0-896.94 0Z" fill="#C0D127"
      p-id="2501"></path>
    <path d="M238.15 481.87s3.25-81.77 11.86-140.08c8.61-58.3 32.87-156.91 32.87-156.91l93.75 162.65-138.48 134.34z"
      fill="#EEECE9" p-id="2502"></path>
    <path d="M258.37 462.7s1.85-46.56 6.75-79.76 18.72-89.34 18.72-89.34l53.38 92.61-78.85 76.49z" fill="#F8C8A4"
      p-id="2503"></path>
    <path d="M786.8 481.87s-3.25-81.77-11.86-140.08c-8.61-58.3-32.87-156.91-32.87-156.91l-93.75 162.65L786.8 481.87z"
      fill="#EEECE9" p-id="2504"></path>
    <path d="M766.59 462.7s-1.85-46.56-6.75-79.76-18.72-89.34-18.72-89.34l-53.38 92.61 78.85 76.49z" fill="#F8C8A4"
      p-id="2505"></path>
    <path d="M222.89 559.72a289.24 243.85 0 1 0 578.48 0 289.24 243.85 0 1 0-578.48 0Z" fill="#FBF5EF" p-id="2506"
      data-spm-anchor-id="a313x.7781069.0.i0" class="selected"></path>
    <path
      d="M801.37 559.72c0-134.67-129.5-243.85-289.24-243.85S222.89 425.04 222.89 559.72c0 48.79 17.01 94.23 46.29 132.35 177.66-3.04 205.24-182.66 243.84-182.66 36.79 0 68.48 177.32 242.08 182.64 29.26-38.11 46.27-83.54 46.27-132.33z"
      fill="#EEECE9" p-id="2507"></path>
    <path
      d="M500.34 316.09c-2.29 19.29-3.66 43.91-3.66 70.72 0 61.92 6.72 100.79 15.75 100.79s16.93-38.88 16.93-100.79c0-26.79-1.37-51.38-3.65-70.66-4.5-0.18-9.02-0.28-13.57-0.28-3.96 0-7.89 0.09-11.8 0.22zM431.68 350.43c0 61.92 7.31 112.11 16.34 112.11s16.34-50.19 16.34-112.11c0-10.8-0.22-21.25-0.64-31.13a333.845 333.845 0 0 0-31.62 6.05c-0.28 8.05-0.42 16.45-0.42 25.08zM561.67 351.56c0 61.92 7.31 112.11 16.34 112.11s16.34-50.19 16.34-112.11c0-8.87-0.15-17.51-0.44-25.79a332.253 332.253 0 0 0-31.56-6.23c-0.44 10.15-0.68 20.9-0.68 32.02z"
      fill="#BEBBB9" p-id="2508"></path>
    <path d="M380.11 561.17m-51.57 0a51.57 51.57 0 1 0 103.14 0 51.57 51.57 0 1 0-103.14 0Z" fill="#FFFFFF" p-id="2509">
    </path>
    <path d="M380.11 561.17m-35.75 0a35.75 35.75 0 1 0 71.5 0 35.75 35.75 0 1 0-71.5 0Z" fill="#C0D127" p-id="2510">
    </path>
    <path d="M392.4 547.43m-12.29 0a12.29 12.29 0 1 0 24.58 0 12.29 12.29 0 1 0-24.58 0Z" fill="#FFFFFF" p-id="2511">
    </path>
    <path d="M645.92 561.17m-51.57 0a51.57 51.57 0 1 0 103.14 0 51.57 51.57 0 1 0-103.14 0Z" fill="#FFFFFF" p-id="2512">
    </path>
    <path d="M645.92 561.17m-35.75 0a35.75 35.75 0 1 0 71.5 0 35.75 35.75 0 1 0-71.5 0Z" fill="#C0D127" p-id="2513">
    </path>
    <path d="M660.31 547.43m-12.29 0a12.29 12.29 0 1 0 24.58 0 12.29 12.29 0 1 0-24.58 0Z" fill="#FFFFFF" p-id="2514">
    </path>
    <path
      d="M484.49 633.62c0.01-8.26 55.69-6.98 55.86-0.01 0.32 13.04-18.55 31.5-28.31 31.54-9.71 0.05-27.56-17.25-27.55-31.53z"
      fill="#D08C7D" p-id="2515"></path>
    <path d="M482.18 725.87l-3.07-2.77 30.86-34.24v-25.95h4.13v27.54z" fill="#D08C7D" p-id="2516"></path>
    <path d="M542.28 725.88l-32.32-35.44 0.4-27.56 4.13 0.06-0.37 25.93 31.22 34.22z" fill="#D08C7D" p-id="2517"></path>
  </svg>

</body>

</html>